<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <!-- css -->
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <!-- html -->
    <div id="box-index">
        <!-- header 头****************************************** -->
        <div id="header"></div>
        <!-- swiper 轮播 ***************************************-->
        <div id="swiper"></div>

        <!-- container2 内容************************************ -->
        <div class="container2">
            <!-- server 服务 -->
            <div class="server container2">
                <ul>
                    <li>
                        <a href="./list.html?uid=34552">
                        <img src="http://qiniu.shjinjia.com.cn/1532659943355.png" alt="">
                        <p>头发洗护</p></a>
                    </li>
                    <li>
                        <a href="./list.html?uid=34552">
                        <img src="http://qiniu.shjinjia.com.cn/1532659962795.png" alt="">
                        <p>身体洗护</p></a>
                    </li>
                    <li><a href="./list.html?uid=34552">
                        <img src="http://qiniu.shjinjia.com.cn/1532659970131.png" alt="">
                        <p>面部洗护</p></a>
                    </li>
                    <li><a href="./list.html?uid=34552">
                        <img src="http://qiniu.shjinjia.com.cn/1532659977173.png" alt="">
                        <p>母婴洗护</p></a>
                    </li>
                    <li><a href="./list.html?uid=34552">
                        <img src="http://qiniu.shjinjia.com.cn/1532660020011.png" alt="">
                        <p>室内香氛</p></a>
                    </li>
                    <li><a href="./list.html?uid=34552">
                        <img src="http://qiniu.shjinjia.com.cn/1532660027258.png" alt="">
                        <p>居家清洁</p></a>
                    </li>
                    <li><a href="./list.html?uid=34552">
                        <img src="http://qiniu.shjinjia.com.cn/1532660032987.png" alt="">
                        <p>寝浴用品</p></a>
                    </li>
                    <li><a href="./list.html?uid=34552">
                        <img src="http://qiniu.shjinjia.com.cn/1532660040877.png" alt="">
                        <p>仪器用具</p></a>
                    </li>
                </ul>
            </div>

            <!-- member广告 -->
            <div class="member container2"><img src="https://qiniu.shjinjia.com.cn/1578536319378.jpg" alt=""></div>

            <!-- delivery release发货通知 -->
            <div class="delivery container2"><img src="https://qiniu.shjinjia.com.cn/1592556321775.jpg" alt=""></div>

            <!-- new product口碑新品 -->
            <div class="new container2">
                <ul>
                    <li><a href="./details.html?pid=215151"><img src="https://qiniu.shjinjia.com.cn/1583478749430.jpg" alt=""></a></li>
                    <li><a href="./details.html?pid=215091"><img src="https://qiniu.shjinjia.com.cn/1583478749592.jpg" alt=""></a></li>
                    <li><a href="./details.html?pid=215090"><img src="https://qiniu.shjinjia.com.cn/1585539190518.jpg" alt=""></a></li>
                    <li><a href="./details.html?pid=212490"><img src="https://qiniu.shjinjia.com.cn/1583478749673.jpg" alt=""></a></li>
                    <li><a href="./details.html?pid=212489"><img src="https://qiniu.shjinjia.com.cn/1585539246017.jpg" alt=""></a></li>
                    <li><a href="./details.html?pid=212487"><img src="https://qiniu.shjinjia.com.cn/1583478749731.jpg" alt=""></a></li>
                    <li><a href="./details.html?pid=212486"><img src="https://qiniu.shjinjia.com.cn/1587695591186.png" alt=""></a></li>
                    <li><a href="./details.html?pid=212485"><img src="https://qiniu.shjinjia.com.cn/1583478749800.jpg" alt=""></a></li>
                    <li><a href="./details.html?pid=212484"><img src="https://qiniu.shjinjia.com.cn/1587695607377.png" alt=""></a></li>
                </ul>
            </div>

            <!-- sun防晒抗光老化 -->
            <div class="sun container2">
                <ul>
                    <li><img src="https://qiniu.shjinjia.com.cn/1583479023898.jpg" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1583479023993.jpg" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1583479024032.jpg" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1585038131592.jpg" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1583479024113.jpg" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1587698305259.png" alt=""></li>
                </ul>
            </div>

            <!-- hot 热销爆款 -->
            <div class="hot">
                <p><img src="https://qiniu.shjinjia.com.cn/1577252765522.jpg" alt=""></p>
                <ul>
                    <li><img src="https://qiniu.shjinjia.com.cn/1577252821002.png" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1577252821040.png" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1577252821073.png" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1577252821107.png" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1577252821137.png" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1577252821165.png" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1577252821208.png" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1577252821246.png" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1583479695314.png" alt=""></li>
                </ul>
            </div>

            <!-- choiceness品牌精选 -->
            <div class="choice">
                <ul>
                    <li><img src="https://qiniu.shjinjia.com.cn/1583479442028.jpg" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1583479442155.jpg" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1583479442230.jpg" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1583479442298.jpg" alt=""></li>
                </ul>
            </div>

            <!-- Recommend品牌推荐 -->
            <div class="recommend">
                <p><img src="https://qiniu.shjinjia.com.cn/1577253499885.png" alt=""></p>
                <ul>
                    <li><img src="https://qiniu.shjinjia.com.cn/1583479845256.png" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1577253566148.png" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1583479908712.png" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1583480211793.png" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1583480131660.png" alt=""></li>
                    <li><img src="https://qiniu.shjinjia.com.cn/1583480120921.png" alt=""></li>
                </ul>
            </div>

        </div>
        <!-- footer 尾 *****************************************-->
        <div id="footer"></div>

    </div>

    <!-- js *****************************************************************************-->
    <script src="../lib/jquery-1.11.0.js"></script>
    <script>
        $(function () {
            $("#header").load('./header.html');
            $('#swiper').load('./swiper.html');
            $('#footer').load('./footer.html');
        });
    </script>
</body>

</html>